//文字超出一行省略号
%text-overflow {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

//底部安全距离占位
.safe-padding{
	width: 100%;
	height: constant(safe-area-inset-bottom);
	height: env(safe-area-inset-bottom);
}

//滑动容器
%scroll-view{
	white-space: nowrap;
	overflow: auto;
}

%line-feed{
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-line;
}

//文字超出多行省略号
@mixin text-overflow-many($line:2) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $line;
	overflow: hidden;
}

//定义宽高
@mixin wh($width,$height:auto){
	width:$width;
	height:$height;
}

//弹性盒子布局
@mixin flex($flex-direction:row,$justify-content:center,$align-items:center,$flex-wrap:nowrap,$align-content:stretch){
	display: flex;
	flex-direction: $flex-direction;
	justify-content: $justify-content;
	align-items: $align-items;
	flex-wrap: $flex-wrap;
	align-content: $align-content;
}

//弹性盒子布局 2
@mixin flexs($align-items:flex-start,$justify-content:flex-start){
	display: flex;
	align-items: $align-items;
	justify-content: $justify-content;
}

//设置文字样式
@mixin fonts($font-size:26px,$color:#ffffff,$font-weight:400,$font-family:PingFangSC-Regular){
	font-size:$font-size;
	font-family:$font-family;
	font-weight:$font-weight;
	color:$color;
}
@mixin background-linear-gradient($background,$box-shadow,$border-radius) {
	background:$background;
	box-shadow:$box-shadow;
	border-radius:$border-radius;
}

@mixin border($border-size){
	border: $border-size solid red;
}
